<!DOCTYPE html>
<html>

<head>
    <title></title>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }
        
        #div1 {
            width: 100px;
            height: 100px;
            background-color: #ccc;
            margin: 100px auto;
            overflow: hidden;
        }
    </style>
    <script type="text/javascript" src="./lQuery.js"></script>
    <script type="text/javascript">
        window.onload = function() {
            (function($) {
                $.fn.extend({
                    "setbackground": function(name, value) {
                        this.oDiv.style[name] = value;
                        return this;
                    }
                });
            })(lQuery);

            $('div1').setbackground('background', 'red').setWidth('width', '200px').setheight('height', '200px');
        }
    </script>
</head>

<body>
    <div id="div1"></div>
</body>

</html>
